<template>
  <div class="detailparams b_margin">
    <div class="title">
      <slot name="title"></slot>
    </div>
    <div class="img">
      <slot name="img"></slot>
    </div>
    <div class="content">
      <p class="item" v-for="item in datas" :key="item.id">
        <span class="title">{{item.title}}</span>
        <span class="content">{{item.canshu_content}}</span>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "DetailParams",
  props: {
    datas: {
      type: Array
    }
  }
};
</script>

<style lang="less" scoped>
.detailparams {
  background-color: #fff;
  padding: 10px;
  .title {
    text-align: center;
  }
  .img {
    img {
      width: 100%;
    }
  }
  .content {
    .item {
      padding: 5px 0;
      display: flex;
    }
    .title {
      flex: 1;
    }
    .content {
      flex: 3;
      color: crimson;
    }
  }
}
</style>